<!DOCTYPE html>
<html>
<head>
    <title>PhotoSwipe</title>
    <meta name="author" content="Ste Brennan - Code Computerlove - http://www.codecomputerlove.com/" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <link href="../css/photoswipe.css" type="text/css" rel="stylesheet" />
    <link href="../css/styles.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="../ExternalJs/klass.min.js"></script>
    <script type="text/javascript" src="../ExternalJs/jquery-2.2.4.min.js"></script>
    <script type="text/javascript" src="../ExternalJs/code.photoswipe-3.0.5.min.js"></script>


</head>
<body>
        <ul id="Gallery" class="gallery">
            <li><a href="../images/content.png"><img src="../images/content.png" alt="Image 001" /></a></li>
            <li><a href="../images/content.png"><img src="../images/content.png" alt="Image 001" /></a></li>
            <li><a href="../images/content.png"><img src="../images/content.png" alt="Image 001" /></a></li>
            <li><a href="../images/content.png"><img src="../images/content.png" alt="Image 001" /></a></li>
        </ul>
        <script type="text/javascript">
            (function(window, $, PhotoSwipe){
                $(document).ready(function(){
                    var options = {};
                    $("#Gallery a").photoSwipe(options);
                });
            }(window, window.jQuery, window.Code.PhotoSwipe));
        </script>
</body>
</html>
